/* 
	....................................................
	title:		    notificationBox.css
	version:	    2.1.0
	author:		    Simone Scigliuzzi
	description:	JavaScript alert
	copyright:      Copyright © 2001-2009 SimoneVB ® - Simone Scigliuzzi  (http://www.simonevb.it)
	....................................................
*/

div.nb_notificationBox
{
    /* notification box */
    z-index:                9999;
    overflow:               hidden;
    position:               fixed;
    left:                   100%;
    
    background-color:       transparent;
    background-position:    left top;
    background-repeat:      no-repeat;

    margin:                 0px;
}

    div.nb_square
    {
        /* notification box square  */
        width:              197px;      /*  211 */
        height:             166px;      /*  206 */
        margin-left:        -221px;     /*  211 + 10    */
        
        background-image:   url(../images/square.png);
        padding-top:        20px;
        padding-bottom:     20px;
        padding-left:       7px;
        padding-right:      7px;
    }
    
    div.nb_rectangle
    {
        /* notification box rectangle   */
        width:              284px;      /*  298 */
        height:             49px;       /*  73   */
        margin-left:        -308px;     /*  298 + 10    */
        
        background-image:   url(../images/rectangle.png);
        padding-top:        12px;
        padding-bottom:     12px;
        padding-left:       7px;
        padding-right:      7px;
    }
    
    div.nb_320x240
    {
        /* notification box 320x240px  */
        width:              306px;      /*  211 */
        height:             200px;      /*  240 */
        
        margin:             auto;
        background-image:   url(../images/320x240.png);
        padding-top:        20px;
        padding-bottom:     20px;
        padding-left:       7px;
        padding-right:      7px;
    }
    
    /*  inner table */
    div.nb_notificationBox table
    {
        background-color:       transparent;
        color:                  #fff;
        font-family:            Verdana;
        font-size:              8pt;
        margin:                 0px;
    }
    
        div.nb_notificationBox table h1
        {
            text-align:             left;
            color:                  #fff;
            font-family:            Verdana;
            font-size:              10pt;
            font-weight:            bold;
            margin:                 0px 0px 0px 0px;
            text-transform:			capitalize;
        }
			div.nb_notificationBox table h1:first-letter {color: #fff;}
			
        div.nb_320x240 table h1
        {
            margin:                 0px 0px 5px 0px;
        }
            
        div.nb_notificationBox table td.image
        {
            width:                  48px;
            vertical-align:         top;
            padding:                0px;
        }
        
            div.nb_notificationBox table td.image img
            {
                max-width:              48px;
                max-height:             48px;
            }
            
        div.nb_notificationBox table td.text
        {
            text-align:             left;
            vertical-align:         top;
            padding:                0px;
            padding-left:           8px;
        }
        
    div.nb_notificationBox table.nb_rectangle
    {
        width:                  284px;
        height:                 48px;
    }
    
    div.nb_notificationBox table.nb_square
    {
        width:                  197px;
        height:                 166px;
    }
    div.nb_notificationBox table.nb_320x240
    {
        width:                  306px;
        height:                 200px;
    }